<!DOCTYPE html> 
<html> 
	<head> 
	<meta charset="utf-8">
	<title>Google Maps</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet"  href="css/jquery.mobile.structure.css" />
  <link rel="stylesheet" href="css/jquery.mobile.theme.css" />
	<style>
		#map-page, #map-canvas { width: 100%; height: 100%; padding: 0; }
	</style>
  <script src="js/lib/jquery.js"></script>
	<script type="text/javascript" src="maps2.js"></script>
  <script src="js/lib/jquery.mobile.js"></script>
	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
		
</head> 
<body> 

<div id="map-page" data-role="page">
	<div data-role="header" data-position="fixed" data-add-back-btn="true">
    <a href="#" data-icon="back" data-rel="back">上一頁</a>    
    <h1>店家地圖</h1>
    <div data-role="navbar">
     <ul>
     <li><a href="#" onclick="location.href='Store.html'" data-icon="grid" data-iconpos="top" data-theme="b">店家列表</a></li>
     <li><a href="#coupon" data-icon="star" data-iconpos="top">優惠好康</a></li>
     <li><a href="#game" data-icon="gear" data-iconpos="top">闖關遊戲</a></li>
     <li><a href="#favorites" data-icon="shadow" data-iconpos="top">我的最愛</a></li>
     </ul>
    </div>    
    <div data-role="navbar">
     <ul>
     <li><a href="" onclick="setCategory(1)">飲食</a></li>
     <li><a href="" onclick="setCategory(2)">服飾</a></li>
     <li><a href="" onclick="setCategory(3)">住宿</a></li>
     <li><a href="" onclick="setCategory(4)">交通</a></li>
     <li><a href="" onclick="setCategory(5)">附近店家</a></li>
     </ul>
    </div>      
	</div>
    

    <ul data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="搜尋店家名稱" ></ul>
	<div data-role="content" id="map-canvas">
		<!-- map loads here... -->
	</div>

	<div class="copyright" data-role="footer" data-position="fixed"><div data-role="navbar">
       <ul>
         <li><a href="#" onclick="location.href='StoreList.html'" data-icon="alert" data-iconpos="top">店家列表/地圖</a></li>
         <li><a href="#" data-icon="grid" data-iconpos="top">QR語音導覽</a></li>
         <li><a href="#" data-icon="alert" data-iconpos="top">設定</a></li>
       </ul>
    </div>
</div>

</body>
</html>

